1. Guidance

Info of the lecture

Scrapbox

Web-based information sharing systm

We use Scrapbox for all purposes

https://Scrapbox.io/help https://i.gyazo.com/7057219f5b20ca8afd122945b72453d3.png

Scrapbox

Information management on the Web

Information sharing on the Web

Scrapbox

https://gyazo.com/a12a72af788deb32e65f6d3d4360d698

Scrapbox info

Masui's pages

https://gyazo.com/eb27ea5b4ac6e501797c90c704e173d2

Using Scrapbox

Log in with your Google account

Yout GMail account

keio.jp account is also available

Use the project for various purposes

Submitting report, etc.

A help databased of SFC

https://gyazo.com/4fc09103b5e5f48a7f60ce3d5765af3d

Searching info using Helpfeel

https://helpfeel.notainc.com/SFCHelp https://gyazo.com/99104fd252bf0942cae122b1e2312699

Self introduction

1986-1996 Sharp

1996-2003 Sony CSL

2003-2006 AIST

2006-2008 Apple Inc.

2009/4- SFC

Developing various interface systems

Predictive text input systems

Gyazo

Scrapbox

Helpfeel

Masui in Silicon Valley

http://gyazo.com/27357dbdc55a68142baee8c5d29ef075.png

Search Google

http://pitecan.com/ http://gyazo.com/639e3cf18060b6e7b70a0805fdf102d0.png

Predictive text input system

Widely used on old mobile phones

http://gyazo.com/ac2b347a7042f920edd576ee07c4b7f4.png

Japanese text input on iPhone

"Flick" text input

http://gyazo.com/1691febad27439d3bf44232c54dcb1e8.png

Working at Apple

http://gyazo.com/27357dbdc55a68142baee8c5d29ef075.png

http://www.applegazette.com/wp-content/uploads/applehq.jpg

New Apple headquarter

https://gyazo.com/58a4440bf7ead3d918308b1f048f02b2

Nota (a Kyoto company running Gyazo, Scrapbox, etc.)

https://gyazo.com/5e260cf67246168cbe130d20678d558a

https://gyazo.com/f8df95b45c1f754ff35e1b068555bc49

https://gyazo.com/fc233dd7d09072fdbb507abd39d8d7ea

https://gyazo.com/cfd67d3a3227d9f664cb7308f23300f3

Magazine / blog articles

Magazine articles

Blogs

Books

http://hondana.org/%E5%A2%97%E4%BA%95/4756102816 https://gyazo.com/9909932fae1feada2cf9c5c5bbdfd0ee

http://hondana.org/%E5%A2%97%E4%BA%95/4756146627 http://gyazo.com/d7e6378a56a03c4c183185b475feeacc.png

http://hondana.org/%E5%A2%97%E4%BA%95/4873113784 https://gyazo.com/8b7c0374bba094d9a7547f9dfd2672b7

http://hondana.org/%E5%A2%97%E4%BA%95/4873114616 http://gyazo.com/a75cf9e2eaaa5fa58e5af9faf705f3f6.png

http://hondana.org/%E5%A2%97%E4%BA%95/4873115043 http://gyazo.com/027dca09083cb76869c874bcdcb01dd9.png

http://www.kobunsha.com/img/sys/book/cover/9784334038458.jpg http://www.pitecan.com/sumaho/

"Are you satisfied with smartphones?"

The psychology of user interface

Kobunsha books

https://gyazo.com/64c56d9c3e67745e95bc038487d09c98.png

"Everybody is cheated by Steve Jobs"

https://gyazo.com/bf3bc7510fdb74c8db4bb058fd3ed6d6.png

Masui's research/development policy

Develop what I want to use

Use it myself

"Dogfooding"

"Columbus egg"

Develop a system everyone can use right now

Developed products used by tens of millions of people

https://gyazo.com/ https://gyazo.com/e481a6ef1a7b12b04af0de032484114a

Gyazo (2015/1)

10 million users a month

http://gyazo.com/bde4e61c85ebeeb357e1705b2a0a9fb3.png

Gyazo

https://gyazo.com/8494f8f1eb7d726afe2e32d64484f945

Getting money from VCs

http://www.prweb.com/releases/nota_raises_5m_to_boost_growth_of_b2b_saas_helpfeel_for_self_service_support/prweb17779058.htm https://gyazo.com/b23c95a46cbeb2683cf888e24eba0f9d

Masui's research topics

Information visualization

Information retrieval

Predictive interface

Text input systems

Ubiquitous computing

Authentication systems

Help systems

Masui's activities

Research / Education

Software development

Network services

Research on computer-human interface (CHI)

Making everyone happy by making everything simple

What is a computer?

× Computer == personal computer

× Computer == smartphone

× Computer == Web

Computers cover wider concepts

What are the researchs on computer?

× Everything is okay?

× Do we have to do more researches on computers?

We should investigate more about using computers

Researches on computers

Hardware

Circuits, devices

Software

Programs, services

Researches on computers

Fast computer / network

Low-power computer

Reliable omputer and network

Usable computers and network

Buzzwords

Ubiquitous computing

Big data

IoT

AI

VR

AR

...

High-level software researches

What is compution?

Can we create intelligence?

Can we create a super-safe cipher system?

High-level hardware researches

New electronic circuits

Quantum computing

Molecular computing

Photon-based computing

...

Research on software

Computer science

Computer engineering

Computer-Human Interface (CHI)

Techniques for making computers easy to use

Examples

GUI (Graphical User Interface)

IME (Text input methods)

Information retrieval

AR, VR

AI-based recognition techniques

Authentication

Old computers

Very complicated

Many switches and lamps

http://gyazo.com/cd47753dddd9659436b8a27c14328fe3.png

Character-based computers

Keyboards

Punch cards

Paper tapes

Character displays

Character printers

Magnetic tapes

"Mainframe" computer

in 1950-

https://gyazo.com/c8b5027e77dcce085675829ca6341446

GUI-based computers

Mouse

Keyboard

Bitmap display

Laser printer

Modern computers

Computing trend

http://gyazo.com/a35078bb7fea949d5e6ddab940e0e7fc.png

Automatic door

Very useful although invisible

Wearable computers

Wrist watches

Always working

Put on our body

Computers in the future

New input / output devices

Everyone can use naturally

Computers are invisible

Augmenting human

Ubiquitous / Universal

Ubiquitous computing (Ubicomp)

Anytime, Anywhere

Universal design (UD)

Anybody can use computers without difficulty

Ubiquitous + Universal

Example 1: Automatic door

Anyone can use it

Never forget how to use it

Example 2: Glasses

Handicaps disappeared through technology

Example 3: Scrollbar

Everyone can understand how to use it after seeing it once

Interface "idioms"

User interface research topics

Use everything intuitively

Find everything easily

Human augmentation

Better communication

Understang the very basics

Think about the real needs of people

Realize it using modern computers and networks

Examples of basic needs

Watching movies everywhere

Go out without worrying about locks

Find friends around you

Find the best nearby restaurant

Masui's research topics (again)

Information visualization

Information retrieval

Predictive interface

Text input systems

Ubiquitous computing

Authentication systems

Help systems

Other HCI research topics

Natural language processing

Gesture revognition

AR / VR

CSCW

...

Human cognition, psychology and human interface

Human senses and cognitions are not reliable

Make many mistakes

Tricked by illusion

Get used to anything they see

People can easily adopt to anything

Evaluation result not reliable

People appreciate something that they already know

Human weaknesses

Can't compute

Can't remember

Can't recognize small gradual changes

Can't recognize that something is missing

Make wrong estimations

Can't understand complex things

Human weaknesses

Abstract thinking

Logic thinking

Lack of imagination

Believe what he wants to believe

Can't understand probabilities and statistics

Can't understand equations and formulas

Only look at what they want to see

Examples of illusions

Can't recognize gradual changes

Can't recognize motions

Misunderstand statics and probabilities

Change Blidness

Difficult to recognize changes

http://www.youtube.com/watch?v=1DnfJdvcLgQ

Example of Change Blidness

http://www.youtube.com/watch?v=nDQYdU5p0KY

http://www.youtube.com/watch?v=voAntzB7EwE

Understanding moving objects

People are not good at understanding moving objects

Difficult to tell which line is faster

Ski lifts, escalators, etc.

Escalator problem

Should we stand at the left for people who want to walk up?

The 'throughput' becomes worse

http://www.pitecan.com/Puzzle/escalator/escalator.html?ls=1&lg=2&rs=2&rg=3 http://gyazo.com/245b12bf8db1de56a8887424f5efe36f.png

Difficulty understanding probabilities

http://gyazo.com/90095749a88a14a3ff09516be022b531.png

All the GUI is based on illusion

Magic techniques are useful

People like to be cheated by computers

Magical display

https://s3-ap-northeast-1.amazonaws.com/masui.org/7/3/733b578a0cbf0953ee35d6dcef15568d.gif

The hands looks like moving

Two hands are displayed alternately

"Beta movement" (仮現運動)

It's impossible!

https://s3-ap-northeast-1.amazonaws.com/masui.org/5/4/54efe7cdcd6cff3d3d1aaf6662df49ef.mp4

Illusions are useful

Icons looks like real objects (e.g. files)

Changing pictures look like something is really moving (TV)

Background computation /communication is not noticed

Shortcut keys and menus

People believe that shortcut keys are faster, but it is not true

Practice curve is incredible

Prof. Izumi Kimura's experiment

Created Origami bird 150,000 times

http://gyazo.com/cd7514230b867620adf85a5670e9bbad.png

http://gyazo.com/1eac48a85c77a7dec79201c91bace754.png

User interface design

Not a science

Engineering + design

= "Design engineering"

Developers should have both knowledge

Is psychology a science?

The Seven Deadly Sins of Psychology: A Manifesto for Reforming the Culture of Scientific Practice

https://www.amazon.co.jp/dp/0691158908 https://gyazo.com/8addca29e828a433bb6c0fe3a0245057

Reference books

http://hondana.org/%E3%83%92%E3%83%A5%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9%20101%E5%86%8A%E3%81%AE%E6%9C%AC?list=image&sort=recent http://gyazo.com/25e0531ea2fdb640a750736af6e93d64.png

Covering huge topics

http://hondana.org/%E3%83%92%E3%83%A5%E3%83%BC%E3%83%9E%E3%83%B3%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9%20101%E5%86%8A%E3%81%AE%E6%9C%AC/1292153911 https://gyazo.com/b03ecbbb108b911464ed53d3fda78396.png

Ben Shneiderman

http://gyazo.com/47e090c6f5e124c4541e1a9a52b94398.png

https://gyazo.com/2be336c502a708d8a7da70ad7cf7cbcd

https://gyazo.com/48731bf42f180edefaf5fbdaef9ae8f7

Famous author / researcher on psychology

http://gyazo.com/fcabe14b63788dca961dad3a9f8796fb.png

https://www.amazon.co.jp/dp/0201379376 https://gyazo.com/3b462a7212a99f8af441b1e84aadec08

Jef Raskin

Began the Macintosh project at Apple

Ousted by Steve Jobs

http://gyazo.com/d25e4620529487cb42350dfa6c28209f.png

Steves

http://hondana.org/%E5%A2%97%E4%BA%95/4091866980 https://gyazo.com/ac8942dccd0316fa42e75e52d25acba4

Jef Raskin

https://gyazo.com/040532621ca461bcf32553d3577a5aa3

Jobs vs Raskin

https://gyazo.com/292c4e313c9b9f8be3f928de43ababf1

The Inmates Are Running the Asylum

https://www.amazon.co.jp/dp/B000OZ0N62 https://gyazo.com/fdaf5f66be72a0ba131fa416a008126a

http://gyazo.com/2cd473fb02d082b767c5f28900116524.png

Alan Cooper

Inventor of Visual Basic

User interface consultant

http://gyazo.com/0c96f04bb95993667cf6706a06c42c0a.png

by Itiro Siio @ Ochanomizu university

http://gyazo.com/981d241badc806aa370d12c7c0aa91a3.png

Other resources

Conferences and workshops

Conference of IPSJ

Masui laboratory

Desiging real-world interface

e.g. Real-world GUI

Real-world programming

All-world programming

;